<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>图书馆大数据 - 数图</title>
    <link rel="stylesheet" type="text/css" href="assets/lib/stroke-7/style.css"/>
    <link rel="stylesheet" type="text/css" href="assets/lib/jquery.nanoscroller/css/nanoscroller.css"/><!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="assets/css/style.css" type="text/css"/>
    <link rel="stylesheet" href="assets/css/override.css" type="text/css"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <script src="https://cdn.bootcss.com/bluebird/3.5.0/bluebird.core.min.js"></script>
  </head>
  <body>
    <div class="am-wrapper">
      <nav class="navbar navbar-default navbar-fixed-top am-top-header">
        <div class="container-fluid">
          <div class="navbar-header">
            <div class="page-title"><span>联合数据中心</span></div>
            <a href="#" class="am-toggle-left-sidebar navbar-toggle collapsed">
              <span class="icon-bar"><span></span><span></span><span></span></span>
            </a>
            <a href="index.html" class="navbar-brand"></a> 
            <span class="navbar-title title"></span>
          </div>

          <div id="am-navbar-collapse" class="collapse navbar-collapse">
            <ul class="nav navbar-nav navbar-right am-user-nav hidden">
              <li class="dropdown"><a href="#" data-toggle="dropdown" role="button" aria-expanded="false" class="dropdown-toggle"><img src="assets/img/default-avatar.png"><span class="user-name">联合图书馆</span><span class="angle-down s7-angle-down"></span></a>
                <ul role="menu" class="dropdown-menu">
                  <li><a href="#"> <span class="icon s7-help1"></span>帮助</a></li>
                  <li><a href="#"> <span class="icon s7-power"></span>退出</a></li>
                </ul>
              </li>
            </ul>

            <ul class="nav navbar-nav navbar-right am-icons-nav">
              <li class="dropdown hidden"><a href="#" data-toggle="dropdown" role="button" aria-expanded="false" class="dropdown-toggle"><span class="icon s7-bell"></span><span class="indicator"></span></a>
                <ul class="dropdown-menu am-notifications">
                  <li>
                    <div class="title">最新通知<span class="badge">3</span></div>
                    <div class="list">
                      <div class="am-scroller nano">
                        <div class="content nano-content" style="margin-right: 0px;">
                          <ul>
                            <li><a href="#">
                                <div class="logo"><span class="icon s7-add-user"></span></div>
                                <div class="user-content">本馆已新增4次借阅服务。<span class="date">2 mins ago</span></div></a></li>
                          </ul>
                        </div>
                      <div class="nano-pane" style="display: none;"><div class="nano-slider" style="transform: translate(0px, 0px);"></div></div></div>
                    </div>
                    <div class="footer"> <a href="#">更多信息联系联图服务中心</a></div>
                  </li>
                </ul>
              </li>
             <li class="dropdown"><a href="http://www.xiao-an.com/" data-toggle="dropdown" role="button" aria-expanded="false" class="dropdown-toggle"><span class="icon s7-share"></span></a></li>
             <li class="dropdown"><a class="home-link" href="#" ><span class="icon s7-home"></span></a></li>
            </ul>

          </div>
          
        </div>
      </nav>
      <div class="am-left-sidebar">
        <div class="content">
          <div class="am-logo"></div>
          <ul class="sidebar-elements">
            <li class=""><a href="./index.html"><i class="icon s7-monitor"></i><span>总览</span></a></li>
            <li class=""><a href="./circulate.html"><i class="icon s7-graph"></i><span>流通</span></a></li>
            <li class=""><a href="./holding.html"><i class="icon s7-note2"></i><span>馆藏</span></a></li>
            <li class=""><a href="./live.html"><i class="icon s7-repeat"></i><span>实时</span></a></li>
            <li class=""><a href="./full.html"><i class="icon s7-display1"></i><span>大屏</span></a></li>
          </ul>
          <!--Sidebar bottom content-->
        </div>
      </div>
      <div class="am-content">
        <div class="main-content">


        <div class="row">
            <div class="col-md-7">
              <div class="widget widget-fullwidth line-chart">
                <div class="widget-head">
                  <div class="tools hidden"><span class="icon s7-upload"></span><span class="icon s7-edit"></span><span class="icon s7-close"></span></div><span class="title">借阅数</span>
                </div>
                <div class="chart-container">
                  <div class="counter">
                    <div class="value" id="top-data-circulate">1346122</div>
                    <div class="desc">用户借阅统计</div>
                  </div>
                  <div id="line-chart1" style="height: 280px; padding: 0px; position: relative;"></div>
                </div>
              </div>
            </div>
            <div class="col-md-5 data-big-show">
              <div class="row">
                <div class="col-md-6">
                            <div class="widget widget-tile">
                              <div class="data-info" id="data-holdings">
                                <div data-toggle="counter" data-end="18" data-suffix="" class="value">0</div>
                                <div class="desc">总馆藏</div>
                              </div>
                              <div class="icon"><span class="s7-cloud-download"></span></div>
                            </div>
                </div>
                <div class="col-md-6">
                            <div class="widget widget-tile">
                              <div class="data-info" id="data-bookings">
                                <div data-toggle="counter" data-end="33" data-suffix="册次" class="value">0</div>
                                <div class="desc">当前预约</div>
                              </div>
                              <div class="icon"><span class="s7-alarm"></span></div>
                            </div>
                </div>
              </div>
              <div class="row">
                <div class="col-md-6">
                            <div class="widget widget-tile">
                              <div class="data-info" id="data-readers">
                                <div data-toggle="counter" data-end="156" class="value">0</div>
                                <div class="desc">读者总数</div>
                              </div>
                              <div class="icon"><span class="s7-users"></span></div>
                            </div>
                </div>
                <div class="col-md-6">
                            <div class="widget widget-tile">
                              <div class="data-info" id="data-biblios">
                                <div data-toggle="counter" data-decimals="0" data-end="1000" data-suffix="种" class="value">0</div>
                                <div class="desc">总书目量</div>
                              </div>
                              <div class="icon"><span class="s7-note2"></span></div>
                            </div>
                </div>
              </div>
              <div class="row">
                <div class="col-md-12">
                  <div class="widget widget-tile widget-tile-wide">
                    <div class="tile-info">
                      <div class="icon"><span class="s7-loop"></span></div>
                      <div class="data-info">
                        <div class="title">总流通量</div>
                        <div class="desc">总的借还服务次数</div>
                      </div>
                    </div>
                    <div class="tile-value" id="data-circulates"><span class="value" data-toggle="counter" data-end="28458" data-suffix="人次">0</span></div>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div class="row">
            <!-- chart pie #1 -->
            <div class="col-md-4">

              <div class="widget widget-pie holding-pie">
                <div class="widget-head"><span class="title">馆藏分布</span></div>
                <div class="row chart-container">
                  <div class="col-md-8 col-sm-8">
                    <div id="widget-top-hold" class="chart" style="padding: 0px; position: relative;">
                    </div>
                  </div>
                  <div class="col-md-4">
                    <div class="legend">
                    </div>
                  </div>
                </div>
                <div class="row chart-info" id="summary-info">
                  <div class="col-xs-3">
                    <span class="title"></span>
                    <span class="number">180</span>
                  </div>
                </div>
              </div>
                
            </div>
           
            <!-- chart pie gender -->
            <div class="col-md-4">
              <div class="widget widget-pie widget-pie-stats">
                <div class="widget-head"><span class="title">读者比例</span></div>
                <div class="row chart-container">
                  <div class="col-md-6">
                    <div id="widget-top-gender" class="chart"></div>
                  </div>
                  <div class="col-md-6">
                    <div class="legend">
                    </div>
                  </div>
                </div>
                <div class="row chart-info">
                  <div class="col-xs-4" id="spk1" >
                    <span class="title">未知</span><span class="number">0%</span>
                  </div>
                  <div class="col-xs-4" id="spk2">
                    <span class="title">女</span><span class="number">0%</span>
                  </div>
                  <div class="col-xs-4" id="spk3">
                    <span class="title">男</span><span  class="number">0%</span>
                  </div>
                </div>
              </div>
            </div>

             <!-- chart pie #2 -->
            <div class="col-md-4">
              <div class="widget widget-pie">
                <div class="widget-head"><span class="title">读者雷达</span></div>
                <div class="row chart-container">
                  <div class="col-md-6">
                    <div class="chart">
                      <canvas id="user-radar-chart1"></canvas>
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="legend"></div>
                  </div>
                </div>
                <div class="row chart-info">
                  <div class="col-xs-8" id="user-radar-n1"><span class="title">借阅最多分类</span><span class="number">0%</span></div>
                  <div class="col-xs-4" id="user-radar-n2"><span class="title">借阅总数</span><span class="number">0</span></div>
                </div>
              </div>
            </div>

          </div>
        </div>
      </div>

    </div>
    <script src="assets/lib/jquery/jquery.min.js" type="text/javascript"></script>
    <script src="assets/lib/jquery.nanoscroller/javascripts/jquery.nanoscroller.min.js" type="text/javascript"></script>
    <script src="assets/js/main.js" type="text/javascript"></script>
    <script src="assets/lib/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>

    <script src="//cdn.bootcss.com/axios/0.15.3/axios.min.js"></script>

    <!-- charts lib -->
    <script src="assets/lib/jquery-flot/jquery.flot.js" type="text/javascript"></script>
    <script src="assets/lib/jquery-flot/jquery.flot.pie.js" type="text/javascript"></script>
    <script src="assets/lib/jquery-flot/jquery.flot.resize.js" type="text/javascript"></script>
    <script src="assets/lib/jquery-flot/jquery.flot.time.js" type="text/javascript"></script>
    
    <script src="assets/lib/jquery-flot/plugins/jquery.flot.orderBars.js" type="text/javascript"></script>
    <script src="assets/lib/jquery-flot/plugins/curvedLines.js" type="text/javascript"></script>

    <script src="assets/lib/countup/countUp.min.js" type="text/javascript"></script>
    <script src="assets/lib/chartjs/Chart.min.js" type="text/javascript"></script>
    <script src="assets/js/app-dashboard.js" type="text/javascript"></script>

    <script src="assets/config.js" type="text/javascript"></script>
    <script src="assets/hash.js" type="text/javascript"></script>
    <script src="assets/unionlib.js" type="text/javascript"></script>

    <script type="text/javascript">

      $(document).ready(function(){
      	//initialize the javascript
      	App.init();
        //App.dashboard();
        App.idashborad();
      });
      
    </script>
  </body>
</html>
